<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- [html] 你认为table的作用和优缺点是什么呢？ -->
  table 用于表格数据的展示，并且很符合人们的直观认知。

  在 div+css 布局流行之前，普遍使用 table 进行布局。曾经的神器 Dreamweaver 的可视化拖拽也是基于 table 布局。
  
  table 布局的好处在于样式好控制，特别是居中、对齐。缺点在于会多处非常多的 DOM 节点（想想一个 td 里面再来一个 table），会导致页面加载变慢、不利于 SEO（table 原本就不是用来布局的）。也因此，在 CSS 成熟之后，table 布局马上就变成历史了
</body>
</html>

